<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>员工列表</title>
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" href="bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<link rel="stylesheet" href="css/ionicons.min.css">
		<link rel="stylesheet" href="css/AdminLTE.min.css">
		<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
		<link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="css/public_main.css" />

	</head>

	<body>
		<div class="box">
			<div class="box-header with-border">
				<h3 class="box-title">员工列表</h3>
			</div>
			<div id="mohu" class="clear">

				<div id="star_time" class="form-group">
					<label for="dtp_input2" class=" control-label">开始时间</label>
					<div class="input-group date form_date " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input id="datepicker" placeholder="请选择开始时间" onchange="gaibian()" class="form-control input_1" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div id="end_time" class="form-group">
					<label for="dtp_input2" class="control-label">结束时间</label>
					<div class="input-group date form_date2 " data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
						<input class="form-control input_2" placeholder="请选择结束时间" size="16" type="text" value="" readonly>
						<span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
						<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						<input type="hidden" id="dtp_input2" value="" />
					</div>
				</div>
				<div class="search_search">

				</div>
				<input type="text" name="" id="text_sousuo" value="" placeholder="请输入需要查询的内容" />
				<button id="search_chaxun" type="button" class="btn btn-success">搜索</button>
				<button data-toggle="modal" data-target="#myModal3" id="add_yuangong" type="button" class="btn btn-info">添加新员工</button>

			</div>
			<!--<div style="margin-top: 5px;margin-left: 20px;" class="add_add">

			</div>-->
			<!--<div class="my_feilei">-->
			<!-- /.box-header -->
			<div class="box-body">
				<table class="table table-bordered">
					<tr>
						<th>序号</th>
						<th>员工名字</th>
						<th style="display: none;">员工ID</th>
						<th>员工昵称</th>
						<th>职位</th>
						<th>邮箱</th>
						<th>手机号码</th>
						<th>操作</th>
						<th>设置</th>
					</tr>
					<tbody id="tbbb">
						<tr>
							<td>1.</td>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<!--<th>正在加载数据...</th>-->
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
						</tr>
					</tbody>

				</table>
			</div>
			<!-- /.box-body -->
			<div class="box-footer clearfix">
				<div>
					<s style="margin-top: 5px;">共有：</s> <span id="count"></span><s>条,每页显示10条</s>
				</div>
				<ul id='bp-3-element-test'>
				</ul>
			</div>
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel"></h4>
					</div>
					<div id="shenhe" class="modal-body">
						<ul id="ppp">
							<li>
								<span>员工名字:</span>
								<input type="text" onblur="checkname1()" name="s_name" id="s_name" value="" />
								<u class="name1_tips"></u>
							</li>
							<li>
								<span>员工id:</span><s id="s_id"></s>
							</li>
							<li>
								<span>员工昵称:</span>
								<input onblur="checknick1()" type="text" name="" id="s_nick" value="" />
								<u class="nick1_tips"></u>
							</li>
							<li>
								<span>员工账号:</span><s id="s_y_zhanghao"></s>
							</li>
							<li>
								<span>职位:</span>
								<select class="seclect_2" name="position">
									<option value="1">超管</option>
									<option value="2">普通员工</option>
								</select>
							</li>

							<li>
								<span>邮箱:</span>
								<input onblur="checkemail1()" type="email" name="s_email" id="s_email" value="" />
								<u class="email1_tips"></u>
							</li>
							<li>
								<span>手机号:</span><s id="s_phone"></s>
								<!--<input onblur="checktel1()"  type="tel" name="s_phone" id="s_phone" value="" />
								<u class="tel1_tips"></u>-->
							</li>
							<li>
								<span>手机号验证状态:</span><s id="s_moblieaduit"></s>
							</li>
							<li style="display: none;">
								<span>创建人:</span><s id="s_createuserid"></s>
							</li>
							<li>
								<span>创建人姓名:</span><s id="s_createusername"></s>
							</li>
							<li>
								<span>创建时间:</span><s id="s_createdate"></s>
							</li>
							<li style="display: none;">
								<span>修改人:</span><s id="s_modifyuserid"></s>
							</li>
							<!--<li>
								<span>修改人名字:</span><s id="s_modifyusername"></s>
							</li>
							<li>
								<span>修改时间:</span><s id="s_modifydate"></s>
							</li>-->
							<li style="display: none;">
								<span>删除标记:</span><s id="s_deletemark"></s>
							</li>
							<li style="display: none;">
								<span>删除人:</span><s id="s_deleteuser"></s>
							</li>
							<li style="display: none;">
								<span>删除人姓名:</span><s id="s_deleteusername"></s>
							</li>
							<li style="display: none;">
								<span>删除时间:</span><s id="s_deletedate"></s>
							</li>

						</ul>
					</div>
					<div class="modal-footer">
						<div class="shenhe_no">
							<button type="button" class="btn btn-default fanhui" data-dismiss="modal">返回</button>
							<button type="button" class="btn btn-success fix_yuangong" data-dismiss="modal">修改</button>
							<button data-toggle="modal" data-target="#myModal5" type="button" class="btn btn-danger">删除</button>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">是否确认删除</h4>
					</div>
					<div class="modal-body">删除后数据无法找回</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="button" class="btn btn-danger remove">确定删除</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<!-- 模态框3（Modal） -->
		<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel">增加员工</h4>
					</div>
					<div id="shenhe" class="modal-body">
						<ul id="ppp">
							<li>
								<span>员工账号:</span>
								<input onblur="checkzhanghao()" type="text" name="add_haoma" id="add_haoma" value="" placeholder="请输入员工账号" />
								<u class="haoma_tips"></u>
							</li>
							<li>
								<span>姓名：</span>
								<input type="text" onblur="checkname()" name="add_name" id="add_name" value="" placeholder="请输入员工名字" />
								<u class="name_tips"></u>
							</li>
							<li>
								<span>昵称:</span>
								<input type="text" onblur="checknickname()" name="add_nick" id="add_nick" value="" placeholder="请输入员工昵称" />
								<u class="nick_tips"></u>
							</li>
							<li>
								<span>职位：</span>
								<select onblur="checksele()" class="seclect_1" name="position">
									<option value="0">请选择职位</option>
									<option value="1">超管</option>
									<option value="2">普通员工</option>
								</select>
								<u class="position_tips"></u>
							</li>
							<li>
								<span>邮箱:</span>
								<input onblur="checkemail()" type="email" name="add_em" id="add_em" value="" placeholder="请输入员工邮箱" />
								<u class="email_tips"></u>
							</li>
							<li>
								<span>电话:</span>
								<input onblur="checktel()" type="tel" name="add_tel" id="add_tel" value="" placeholder="请输入员工电话" />
								<u class="tel_tips"></u>
							</li>

						</ul>

					</div>
					<div class="modal-footer">
						<div class="shenhe_no">
							<button type="button" class="btn btn-default fanhui" data-dismiss="modal">返回</button>
							<button type="button" class="btn btn-danger add_yuangong">确定</button>
						</div>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="js/fastclick.js"></script>
<script src="dist/js/adminlte.min.js"></script>
<script src="dist/js/demo.js"></script>
<script src="js/qunit-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-paginator.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Employee_list.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>